The header of the grid.

<div class="definition">
    String, default = ''
</div>

The header can be simple text or HTML. If you change <span class="argument">.header</span> property, you will need to call
<a class="argument" href="w2grid.refresh">.refresh()</a> method to refresh the grid.
<div style="height: 10px"></div>

Header can be defined during object creation:

<textarea class="javascript">
let grid = new w2grid({
    name    : 'grid',
    header  : 'Grid Header',
    show : {
        header : true
    },
    columns: [
        { field: 'recid', text: 'ID', size: '50px' },
        { field: 'lname', text: 'Last Name', size: '30%' },
        { field: 'fname', text: 'First Name', size: '30%' },
        { field: 'email', text: 'Email', size: '40%' },
        { field: 'sdate', text: 'Start Date', size: '120px' },
        { field: 'sdate', text: 'End Date', size: '120px' }
    ]
});
</textarea>

Or any time after the grid has been created:

<textarea class="javascript">
grid.header = 'Grid Header';
grid.refresh();
</textarea>

Please note that you will need to set <span class="argument">.show.header</span> to true, which is false by default.